<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>

	<div id="demo">
		<div class="section">第一屏</div>
		<div class="section">第二屏</div>
		<div class="section">第三屏</div>
	</div>

	<!--  -->
	<script src="./js/jquery.min.js"></script>
	<!-- 基于jQuery的插件 -->
	<script src="./js/jquery.fullPage.min.js"></script>
	
	<script>
		// 
		$('#demo').fullpage();

		// 1、是否需要HTML文档有一个特定格式
		// 2、直接插件提供的方法
	</script>

	<script>
		
		// mousewheel
		// 滚轮事件
		// 滚轮事件存在一定的兼容性
		// document.onmousewheel = function () {
		// 	console.log(1);
		// }

		document.addEventListener('DOMMouseScroll', function () {
			console.log(1);
		});

	</script>
</body>
</html>